<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--内部项目禁止收录-->
		<meta name="robots" content="nofollow">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>研发中心</title>
		<!-- 全局CSS样式 -->
		<link type="text/css" rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" />
		<!--自定义CSS样式-->
		<link type="text/css" rel="stylesheet" href="assets/css/style.css" />
		<!--上传插件CSS样式-->
		<link type="text/css" rel="stylesheet" href="assets/upload/css/fileinput.css" media="all" />
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
	    <!-- Top content -->
	    <div class="top-content">
	        <div class="inner-bg">
	            <div class="container">
	                <!-- <div class="row">
	                    <div class="col-sm-10 col-sm-offset-1 text text-center"　>
	                        <h3><strong>冯炎同学：</strong> 欢迎进入聚力集团-研发中心面试者技能考核中心</h3>
	                    </div>
	                </div> -->
	                <div class="row">
	                    <div class="col-sm-12 col-sm-offset-0 form-box">
	                    	<form role="form" action="" method="post" class="registration-form" enctype="multipart/form-data">
	                    		<fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>题目 1 / 4 </h3>
		                        			<span class="label label-info pull-left">基础知识</span>
		                            		<p class="title">我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？</p>
		                            		<p>1.我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？</p>
		                            		<p><img src="0.jpg"></p>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
		                            	<div class="form-group">
											<p>
												<label class="btn btn-default btn-label" >
											        <input type="radio" name="radio" value="1"> bgcolor="blue"
											    </label>
											</p>
											<p>
												<label class="btn btn-default btn-label" >
											        <input type="radio" name="radio" value="1"> bgcolor="blue"
											    </label>
										    </p>

										    <p>
												<label class="btn btn-default btn-label" >
											        <input type="radio" name="radio" value="1"> bgcolor="blue"
											    </label>
										    </p>

										    <p>
												<label class="btn btn-default btn-label" >
											        <input type="radio" name="radio" value="1"> bgcolor="blue"
											    </label>
										    </p>
									    </div>
									    <div class="form-bottom-btn">
											<button type="button" class="btn  disabled ">上一题</button>
					                        <button type="button" class="btn btn-default btn-next ">下一题</button>
					                        <!-- <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal">答题卡</button> -->
					                        <button type="submit" class="btn btn-success ">提　交</button>
				                        </div>
				                        <div class="row">
											<div class="col-sm-12">
												<ul class="nav nav-pills quesiton-number">
											      	<li class="over">01</li>
											      	<li class="over">02</li>
											      	<li class="over">03</li>
											      	<li class="active">04</li>
											      	<li>05</li>
											      	<li>06</li>
											      	<li>07</li>
											      	<li>08</li>
											      	<li>09</li>
											      	<li>10</li>
											      	<li>11</li>
											      	<li>12</li>
											      	<li>13</li>
											      	<li>14</li>
											      	<li>15</li>
											      	<li>16</li>
											      	<li>17</li>
											      	<li>18</li>
											      	<li>19</li>
											      	<li>20</li>
											      	<li>21</li>
											      	<li>22</li>
											      	<li>23</li>
											      	<li>24</li>
											      	<li>25</li>
											      	<li>26</li>
											      	<li>27</li>
											      	<li>28</li>
											      	<li>29</li>
											      	<li>30</li>
											      	<li>31</li>
											    </ul>
											</div>
										</div>
				                    </div>
			                    </fieldset>
			                    
			                    <fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>题目 2 / 4 </h3>
		                        			<span class="label label-info pull-left" >基础知识</span>
		                            		<p class="title">我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？</p>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
		                            	<div class="form-group">
											<p class="active">
												<label class="btn btn-default btn-label" >
											        <input type="checkbox" name="checkbox[]" value="1"> bgcolor="blue"
											    </label>
											</p>
											<p>
												<label class="btn btn-default btn-label" >
											        <input type="checkbox" name="checkbox[]" value="1"> bgcolor="blue"
											    </label>
										    </p>
										    <p>
												<label class="btn btn-default btn-label" >
											        <input type="checkbox" name="checkbox[]" value="1"> bgcolor="blue"
											    </label>
										    </p>
										    <p>
												<label class="btn btn-default btn-label" >
											        <input type="checkbox" name="checkbox[]" value="1"> bgcolor="blue"
											    </label>
										    </p>
										</div>
										<div class="form-bottom-btn">
											<button type="button" class="btn btn-default btn-previous ">上一题</button>
					                        <button type="button" class="btn btn-default btn-next ">下一题</button>
					                        <button type="submit" class="btn btn-success ">提　交</button>
				                        </div>
				                        <div class="row">
											<div class="col-sm-12">
												<ul class="nav nav-pills quesiton-number">
											      	<li class="over">01</li>
											      	<li class="over">02</li>
											      	<li class="over">03</li>
											      	<li class="active">04</li>
											      	<li>05</li>
											      	<li>06</li>
											      	<li>07</li>
											      	<li>08</li>
											      	<li>09</li>
											      	<li>10</li>
											      	<li>11</li>
											      	<li>12</li>
											      	<li>13</li>
											      	<li>14</li>
											      	<li>15</li>
											      	<li>16</li>
											      	<li>17</li>
											      	<li>18</li>
											      	<li>19</li>
											      	<li>20</li>
											      	<li>21</li>
											      	<li>22</li>
											      	<li>23</li>
											      	<li>24</li>
											      	<li>25</li>
											      	<li>26</li>
											      	<li>27</li>
											      	<li>28</li>
											      	<li>29</li>
											      	<li>30</li>
											      	<li>31</li>
											    </ul>
											</div>
										</div>
				                    </div>
			                    </fieldset>

			                    <fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>题目 3 / 4 </h3>
		                        			<span class="label label-info pull-left" >基础知识</span>
		                            		<p class="title">我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？</p>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
				                        <div class="form-group">
				                        	<label class="sr-only" for="form-about-yourself">我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？</label>
				                        	<textarea name="form-about-yourself" placeholder="..." class="form-about-yourself form-control" id="form-about-yourself" rows="5" ></textarea>
				                        </div>
				                        <div class="form-bottom-btn">
					                        <button type="button" class="btn btn-default  btn-previous">上一题</button>
					                        <button type="button" class="btn btn-default  btn-next">下一题</button>
					                        <button type="submit" class="btn btn-success ">提　交</button>
				                        </div>
				                        <div class="row">
											<div class="col-sm-12">
												<ul class="nav nav-pills quesiton-number">
											      	<li class="over">01</li>
											      	<li class="over">02</li>
											      	<li class="over">03</li>
											      	<li class="active">04</li>
											      	<li>05</li>
											      	<li>06</li>
											      	<li>07</li>
											      	<li>08</li>
											      	<li>09</li>
											      	<li>10</li>
											      	<li>11</li>
											      	<li>12</li>
											      	<li>13</li>
											      	<li>14</li>
											      	<li>15</li>
											      	<li>16</li>
											      	<li>17</li>
											      	<li>18</li>
											      	<li>19</li>
											      	<li>20</li>
											      	<li>21</li>
											      	<li>22</li>
											      	<li>23</li>
											      	<li>24</li>
											      	<li>25</li>
											      	<li>26</li>
											      	<li>27</li>
											      	<li>28</li>
											      	<li>29</li>
											      	<li>30</li>
											      	<li>31</li>
											    </ul>
											</div>
										</div>
				                    </div>
			                    </fieldset>
			                    
			                    <fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>题目 4 / 4 </h3>
		                        			<span class="label label-info pull-left"　>基础知识</span>
		                            		<p class="title">我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？我们想要让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置？</p>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
				                    	<div class="form-group">
						                    <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1">
				                        </div>
				                        <div class="form-bottom-btn">
					                        <button type="button" class="btn btn-default  btn-previous">上一题</button>
					                        <button type="button" class="btn  disabled ">下一题</button>
					                        <button type="submit" class="btn btn-success ">提　交</button>
				                        </div>
				                        <div class="row">
											<div class="col-sm-12">
												<ul class="nav nav-pills quesiton-number">
											      	<li class="over">01</li>
											      	<li class="over">02</li>
											      	<li class="over">03</li>
											      	<li class="active">04</li>
											      	<li>05</li>
											      	<li>06</li>
											      	<li>07</li>
											      	<li>08</li>
											      	<li>09</li>
											      	<li>10</li>
											      	<li>11</li>
											      	<li>12</li>
											      	<li>13</li>
											      	<li>14</li>
											      	<li>15</li>
											      	<li>16</li>
											      	<li>17</li>
											      	<li>18</li>
											      	<li>19</li>
											      	<li>20</li>
											      	<li>21</li>
											      	<li>22</li>
											      	<li>23</li>
											      	<li>24</li>
											      	<li>25</li>
											      	<li>26</li>
											      	<li>27</li>
											      	<li>28</li>
											      	<li>29</li>
											      	<li>30</li>
											      	<li>31</li>
											    </ul>
											</div>
										</div>
				                    </div>
			                    </fieldset>
		                    </form>
	                    </div>
	                </div>
	            </div>
	        </div>   
	    </div>
	    <!-- Javascript -->
	    <script src="assets/js/jquery-1.11.1.min.js"></script>
	    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
	    <script src="assets/js/jquery.backstretch.min.js"></script>
	    <script src="assets/js/retina-1.1.0.min.js"></script>
	    <!--[if lt IE 10]>
	        <script src="assets/js/placeholder.js"></script>
	    <![endif]-->
	    <script src="assets/js/scripts.js"></script>
	    <script type="text/javascript">
	        $(function(){
	        	/*
			        Fullscreen background
			    */
			    $.backstretch("assets/img/backgrounds/1.jpg");

	        	$('#myModal').on('show.bs.modal', function (e) {  
				    $(this).find('.modal-dialog').css({  
				        'margin-top': function () {  
				            var modalHeight = $('#myModal').find('.modal-dialog').height();  
				            return ($(window).height() / 4 - (modalHeight / 2));  
				        }  
				    });      
				}); 
				$("input[type=radio]").click(function(){
					$(".btn-label").removeClass("active");
					$(this).parent(".btn-label").addClass("active");
				});

				$("input[type=checkbox]").click(function(){
					if( $(this).parent(".btn-label").hasClass("active") ){
						$(this).parent(".btn-label").removeClass("active");
					}else{
						$(this).parent(".btn-label").addClass("active");
					}
				});

				// 初始化上传插件
				$("#file-1").fileinput({
			        uploadUrl: 'test.php', // you must set a valid URL here else you will get an error
			        allowedFileExtensions : ['jpg', 'png','gif','php','java','js','html','doc','docx','xls','sql'],
			        overwriteInitial: false,
			        maxFileSize: 100000,
			        maxFilesNum: 100,
			        showUpload: true, 	//是否显示上传按钮
				    // showCaption: false,	//是否显示标题
				    browseClass: "btn btn-primary", //按钮样式    
			        //allowedFileTypes: ['image', 'video', 'flash'],
			        slugCallback: function(filename) {
			            return filename.replace('(', '_').replace(']', '_');
			        },
				});
				//上传完后的回调操作
				$("#file-1").on("fileuploaded", function(event, data, previewId, index) {
					var form = data.form, files = data.files, extra = data.extra, response = data.response, reader = data.reader;
				});
	        });
	    </script>
	    <script src="assets/upload/js/fileinput.js" type="text/javascript"></script>
		<script src="assets/upload/js/fileinput_locale_zh.js" type="text/javascript"></script>
	</body>
</html>